<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/Route-F.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/resut.css">
  <title>领队自由行</title>
</head>
<body>
  <div class="header">
    <div class="header-c">
      <div class="logo"></div>
      <ul class="nav">
        <li class="nav-item"><a href="./index.html">首页</a>
          <span class="line"></span>
        </li>
        <li class="nav-item"><a href="./Special Report.html">特别策划</a>
          <span class="line"></span></li>
        <li class="nav-item"><a href="">精品路线</a>
          <span class="line"></span>
          <div class="sub">
            <a href="./Route-G.html">定制团队游</a>
            <a href="./Route-F.html">领队自由行</a>
          </div>
         </li>
        <li class="nav-item"><a href="./about.html">关于我们</a>
          <span class="line"></span></li>
        <li class="nav-item"><a href="./contact.html">联系我们</a>
          <span class="line"></span></li>
      </ul>
    </div>
  </div>
  <div class="main">
    <div class="main-c clear">
      <div class="title">
        <div class="title1">境外游</div>
        <div class="title2">国内游</div>
        <div class="title3">省内游</div>
      </div>
      <ul class="trip">
          <li class="abroad">
            <div class="img">
             <a href=""><img src="./img/tokyo.jpg" alt=""></a>
              <div class="mask"></div>
              <div class="t"></div>
            </div>
            <p class="top">京都岚山深度 一日游</p>
            <p class="bottom">寻找我们的风花雪月</p>
            
          </li>
          <li class="abroad">
            <div class="img">
              <a href=""><img src="./img/dongjidao.jpg" alt=""></a>
               <div class="mask"></div>
               <div class="t"></div>
             </div>
            <p class="top">东极岛 三日游</p>
            <p class="bottom">后青春时代的海岛记忆</p>
            
          </li>
          <li class="abroad mr0">
            <div class="img">
              <a href=""><img src="./img/shengtuolini.jpg" alt=""></a>
               <div class="mask"></div>
               <div class="t"></div>
             </div>
            <p class="top">圣托里尼  两日游</p>
            <p class="bottom">爱琴海最璀璨的一颗明珠</p>
          
          </li>
        <li class="abroad">
          <div class="img">
            <a href=""><img src="./img/xibei.jpg" alt=""></a>
             <div class="mask"></div>
             <div class="t"></div>
           </div>
          <p class="top">西北环线自驾游</p>
          <p class="bottom">圆一场关于北方的梦</p>
          
        </li>
        <li class="abroad">
          <div class="img">
            <a href=""><img src="./img/sonw.jpg" alt=""></a>
             <div class="mask"></div>
             <div class="t"></div>
           </div>
          <p class="top">雪国之旅</p>
          <p class="bottom">打开窗听雪落下的声音</p>
          
        </li>
        <li class="abroad">
          <div class="img">
            <a href=""><img src="./img/e-hawaii.jpg" alt=""></a>
             <div class="mask"></div>
             <div class="t"></div>
           </div>
          <p class="top">东方夏威夷</p>
          <p class="bottom">请到天涯海角来这里四季春常在</p>
        
        </li>
        <li class="abroad">
          <div class="img">
            <a href=""><img src="./img/leyuan.jpg" alt=""></a>
             <div class="mask"></div>
             <div class="t"></div>
           </div>
          <p class="top">神奇的梦幻乐园</p>
          <p class="bottom">这是一场盛大的欢乐盛宴</p>
          
        </li>
        <li class="abroad">
          <div class="img">
            <a href=""><img src="./img/yinlian.jpg" alt=""></a>
             <div class="mask"></div>
             <div class="t"></div>
           </div>
          <p class="top">银练挂天</p>
          <p class="bottom">银丝飘动 珍珠串滑 置身其境 心旷神怡</p>
          
        </li>
        <li class="abroad">
          <div class="img">
            <a href=""><img src="./img/gudu.jpg" alt=""></a>
             <div class="mask"></div>
             <div class="t"></div>
           </div>
          <p class="top">十三朝古都</p>
          <p class="bottom">中国牡丹花都</p>
        
        </li>
      </ul>
      <div class="page">
        <div class="number">
          <a href="">1</a>
          <a href="">2</a>
          <a href="">3</a>
          <a href="">4</a>
          <a href="">5</a>
          <a href="">6</a>
          <a href="">7</a>
          <a href="">8</a>
          <a href="">9</a>
        </div>
        <div class="dot">...</div>
        <div class="more"><a href="">MORE</a></div>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="footer-c">
      <div class="title"><img src="./img/标题3.png" alt=""></div>
      <div class="l">
      <p class="t" > 慢旅Slow Travle工作室 </p>
      <p>地点：中国河南省郑州市绿地新都汇</p>
      <p>电话：0392-23656504</p>
      <p>邮箱：manlv@qq.com</p>
      <p class="img">
        <span><img src="./img/QQ.png" alt=""></span>
        <span><img src="./img/wechat.png" alt=""></span>
        <span><img src="./img/weibo.png" alt=""></span>
      </p>
      <p class="c">COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</p>

    </div>
      <div class="information">
        <div class="contact">
          <div class="name">
            <p>姓名</p>
            <input type="text">
          </div>
          <div class="mail">
            <p>邮箱</p>
            <input type="text">
          </div>
          <div class="phone">
            <p>电话</p>
            <input type="text">
          </div>
        </div>
        <div class="content">
          <p>内容</p>
          <input type="text">
        </div>
        <input class="add" type="submit" value="提交">
      </div>
    </div>
  </div>
</body>
</html>